草庐IT

Android VideoView比例缩放

全部标签

javascript - 使用 css3 和 jquery 分别动画缩放和旋转

更新和澄清我需要执行一些在图标上立即旋转(使用css3transform)的jquery。然后一旦图标旋转,我想设置动画并缩放到200%的大小。但是,由于缩放和旋转都是一个CSS3属性(转换),我看到这两个转换都作为0.5秒的动画发生。(在JQUERY代码中,我还更新了位置(顶部、左侧),但由于它不在transition:标记中,因此它会根据需要立即发生。我想要的是立即发生旋转,并在2秒内发生缩放。有什么想法吗?CSS:transition:transform0.5s;-webkit-transition:-webkit-transform0.5s;JQUERY:self.pick=f

javascript - 如何在 HTML5 Canvas 上缩放图像时保持宽高比?

在我的项目中,我使用HTML5Canvas和FabricJS。我有维持放置在Canvas中的图像对象的纵横比的方案。在调整Angular或缩放图像时,我必须更新宽度或高度以保持图像的纵横比。上图将清楚地显示我的问题。我需要一种算法或公式来保持图像的纵横比。图片应满足以下条件,如果我通过根据实际尺寸调整图片的宽度或高度来进行缩小,它会裁剪并以相同的纵横比显示图片。如果我确实通过调整图像的实际尺寸的宽度或高度来进行扩展,它将分别扩展图像的高度或宽度,并针对视口(viewport)高度和宽度进行裁剪以保持宽高比。隐藏的部分被平移和查看。请给我一些解决方案,谢谢。

javascript - D3 缩放时保持线宽相同

下面创建两条粗细为8的线:vara=[23,50]for(b=0;b我有以下缩放功能functionzoomed(){vis.selectAll("line.route,line.stripe,line.stripep").attr("transform","translate("+zoom.translate()+")scale("+zoom.scale()+")")vis.selectAll("line.stripep").attr("stroke-width",8/(zoom.scale()))但是线宽没有变化,这是什么问题。我也试过:vis.selectAll("line.st

javascript - D3 V4 设置初始缩放级别

我刚开始使用D3V4,但我无法使用平移和缩放功能。问题是我希望初始比例值大于1,所以我使用zoom.scaleTo(svg,2);但是,一旦我平移或缩放,比例就会重置回1。这是JSFiddle上这种行为的示例,我做错了什么?JSFiddle 最佳答案 问题是:varsvg=d3.select("body").append("svg").attr("width",600).attr("height",600).call(zoom).append("g");您正在将group元素而不是svg元素分配给变量svg。zoom已正确应用于sv

javascript - 什么是最好的 jQuery 产品缩放插件?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭11年前。我不是前端人员,只是学习jQuery,因此非常感谢任何帮助。什么是最简单、最稳定的jQuery缩放插件?我有一张常规尺寸的产品图片和一张详细图片。我需要能够以某种方式放大。你会推荐哪个?

javascript - three.js - 如何限制缩放以使对象不会因相机而损坏

我正在创建three.js应用程序。我已经加载了我的STL对象。我使用过“OrbitControls”。当我开始使用鼠标的中间滚动按钮缩放我的对象时,它会在某个点中断。我的相机和控制代码如下:camera=newTHREE.PerspectiveCamera(55,window.innerWidth/window.innerHeight,1,15);//camera.position.set(3,0.15,3);//positionandpointthecameratothecenterofthescenecamera.position.x=-3;camera.position.y=4

javascript - 根据父 div 大小按比例调整图像大小

我正在使用完整的浏览器宽度高度jqueryblockUI来显示从图库中选择的图像。下图是blockUI中的View方案。基本上,侧blockUI中的View将宽度和高度设置为100%。里面还有两个div。右侧的宽度设置为View的80%,并且包含图像。图像的宽度和高度设置为100%(但我知道这是错误的)。我在这里显示的图片是用户上传的原始尺寸的图片。但是如果显示器是1024x768并且上传的图像是600x1900我不知道该图像从屏幕上消失是什么。那么我该如何解决这个问题以居中并按比例显示该图像? 最佳答案 使用max-width和m

javascript - 基于缩放级别显示 WMS 图层

我整天都在做这个,老实说,我没有主意了。我有一些WMS层,我想根据当前的缩放级别显示/不显示。是的,我已经阅读了API文档,它们似乎一如既往地清晰,但我遵循了所有建议,但没有得到想要的结果:(这是我查看的来源之一:http://trac.osgeo.org/openlayers/wiki/SettingZoomLevels然后更糟糕的是,我发现如果您有一个在加载时显示的OpenStreetMap基础层,它似乎会限制您对map的numZoomLevels的控制,这正是我所需要的,因为我确实想将其用作我的加载基础层...所以我的问题是:我做错了什么?在加载时使用OpenStreetMap基

javascript - 在使用 map.fitBounds 之前如何确定 LatLngBounds 的缩放级别?

在调用map.fitBounds()之前,我试图找出一种确定map缩放级别的方法,但我似乎找不到方法。在APIv2中有一个方法GMap.getBoundsZoomLevel(bounds:GLatLngBounds),但我在APIv3文档中找不到等效项。是否有非Google算法可以预先确定缩放级别? 最佳答案 尼克是对的,这个讨论概述了一个可行的方法:GoogleMapsV3-Howtocalculatethezoomlevelforagivenbounds但是,它是在Javascript中。对于那些需要使用AndroidGMaps

javascript - 数字的比例和精度

我希望从以下示例中的数字中获取小数位数和精度。varx=1234.567;我没有看到任何内置的.scale或.precision函数,我不确定正确的最佳方法是什么。 最佳答案 您可以使用Number.prototype.toFixed()varx=1234.56780123;x.toFixed(2);//output:1234.57x.toFixed(3);//output:1234.568x.toFixed(4);//output:1234.5680 关于javascript-数字的比